/*******************************************************************************************/
/*******************************************************************************************/
/***** Personnalisation de la zone de recherche ********************************************/
/*******************************************************************************************/
/*******************************************************************************************/


/* DIV contenant tous les champs de recherche */
.div_recherche {
  display :block;
  position:relative;

}

/* DIV conenant le fil d'ariane en haut */
.div_menuprincipal_dynamique{
  display :block;
  position:relative;
  padding:5px 14px;
  background-color: #cfcfcf;
}

#sel_rubrique{
  background-color: #bae76a;
  background-image: url(doc.asp?id={16C6ADA3-AF01-47D6-AD66-CE588D7BD674}&DB=CLT3);
  background-repeat: no-repeat;
  background-position: left top;
  border:1px solid #989898;
  display :inline-table;
  position:relative;
}


/******************************************************************************************/
/* DIV de la zone de recherche rapide *****************************************************/
/******************************************************************************************/
.div_texte_recherche{
  display :block;
  position:relative;
  padding:5px 14px;
  background-color: #cfcfcf;
}
/* DIV contenant le libellé affiché devant la zone de recherche */
.div_texte_recherche_libelle{
 display : inline;
 padding:10px;
    color :#484848;
    font-family:arial, sans serif;
    font-size  :13px;
    font-weight:normal;

}
/* DIV contenant la zone où l'on saisit le texte à rechercher */
.div_texte_recherche_texte{
 display : inline;
}
/* INPUT permettant de saisir le texte à rechercher */
.input_texte_recherche{
    background-image: url(doc.asp?id={21E484E4-4B61-4086-9A17-351A22A8111F}&DB=CLT3);
    background-repeat: no-repeat;
    background-position: left top;
}
/* DIV contenant le bouton de recherche */
.div_texte_recherche_bouton{
 display : inline;
/*border:1px solid #ffffff;*/
margin:10px;
}
/* INPUT correpondant au bouton de recherche */
#div_texte_recherche_bouton #input_texte_bouton{
      background-image: url(doc.asp?id={9804EA52-C2E1-41D3-A92F-92FD4CE5BC2D}&DB=CLT3);
      background-repeat: repeat-x; 
      background-position: center;
    border:1px solid #989898;
}

/******************************************************************************************/
/* DIV contenant l'ensemble des div articles trouvés : div contenant *********************/
/* le libellé et div contenant le nombre                             *********************/
/******************************************************************************************/
.div_articletrouve {
  background-color: #cfcfcf;
  background-image: url(doc.asp?id={F989F1E0-DBC2-4244-A311-A130C81ADC6B}&DB=CLT3);
  background-repeat: no-repeat;
  background-position: left bottom;
  clear: both;
    color :#ffffff;
    font-family:arial, sans serif;
    font-size  :14px;
    font-weight:bold;
  display:block;
  height:18px;
  padding:5 14 5 14;
}

/* div contenant le nb d'article trouvé */
.div_nbarttrouve {
  float:left;
}
/* div contenant le libellé articles trouvés*/
.div_libarttrouve {
  float:left;
  margin-left:10px;
}

/******************************************************************************************/
/********* DIV permettant la naviguation                                 ******************/
/********* (contient le nombre de page avec le libellé du nombre de page ******************/
/******************************************************************************************/
.div_navigationgenerale {
  clear:both;
  display:block;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
  margin:0px 12px;
  padding:5px 2px; 
    background-color: #f2f2f2;
  color:#484848;
  font-size:11px;
}
.div_navigationgenerale a{
  color:#484848;
  font-size:11px;
}
.div_navnbaffparpagelibelle {
  clear:both;
  display:inline;
  padding:10px;
}
.div_navnbaffparpage{
  clear:both;
  display:inline;
}
/* Liste déroulante contenant le nombre d'article affiché par page */
.sel_nbaff_par_page{
  background-color: #bae76a;
  background-image: url(doc.asp?id={16C6ADA3-AF01-47D6-AD66-CE588D7BD674}&DB=CLT3);
  background-repeat: no-repeat;
  background-position: left top;
  border:1px solid #989898;
  display :inline-table;
  position:relative;
}

/* Affichage du bandeau de navigation (page en cours + navigation */
/* avec les flèches et 9 pages maximum */
.div_navigation{
  clear : both;
    color:#484848;
}
.div_navigation a{
  display:inline-table;
  /*min-width : 30px;*/
     padding:2px 6px;
  text-align : center;
}

/* Affichage de Pages devant les flèches et pages de navigation directes */
.spanafflibpage {
    color:#484848;
  display:inline-table;
  padding: 0px 10px;
  text-align : left;
  valign:middle;
  /*width : 50px;*/
}
/* Flèche de retour à la première page */
.aprem {
  padding:2px 5px;
  text-align : center;
}

/* Flèche de retour à la page précédente */
.apreced {
  padding:2px 5px;
  text-align : center;
}

/* Affichage des liens directs sur les pages (de 1 à 9 sans la page en cours) */
.anav {

}

.spannav {
  display:inline-table; 
  text-align : center;
  background-color : #989898;
  color:#ffffff;
  padding:2px 5px;
 /* width : 30px;*/
}


/* Flèche pour aller à la page suivante*/
.asuiv{
  padding:2px 5px;
  text-align : center;
}

/* Flèche pour aller directement à la dernière page */
.adernier{
  padding:2px 5px;
  text-align : center;
}


/*********************************************************************************************/
/* Personnalisation du fil d'ariane du menu général (afficher le + en haut) */
/*********************************************************************************************/

/* image devant accueil */
#span_img_separateur_fil_ariane_origine {
  background-image: url(doc.asp?id={A0162B48-C8EB-4104-9D73-E29D2E64AF40}&DB=CLT3);  
  background-position: 0px;
  background-repeat: no-repeat;
  display:inline-table;
  height:12px;
  position:relative;
  /*vertical-align : bottom;*/
  width:12px;
}

/* lien de la première rubrique : accueil */
.a_menuorigine {
  display:inline-table;
  position:relative;
  color:#080b93;
  font-size:14px;
  padding-right:10px;
}

/* image séparant toutes les autres rubriques (hors image avant accueil)*/
.span_img_separateur_fil_ariane {
  background-image: url(doc.asp?id={A0162B48-C8EB-4104-9D73-E29D2E64AF40}&DB=CLT3);  
  background-position: 0px;
  background-repeat: no-repeat;
  display:inline-table;
  height:12px;
  position:relative;
  /*vertical-align : bottom;*/
  width:12px;
}

/* lien de la toute les autres rubriques (hors accueil) */
.a_menu {
  display:inline-table;
  position:relative;
  color:#080b93;
  font-size:14px;
  padding-right:10px;
}


/****************************************************************************************/
/* Affichage de l'image animé d'attente pour la recherche d'information /*
/****************************************************************************************/

.div_img_attente {
 background-image: url("http://192.168.64.85/japopieces/kernel/externe/catalogue_lcs/img/loadingGIF-200px.gif");
width:700px; height:400px;

}


/*******************************************************************************************/
/*******************************************************************************************/
/***** Personnalisation de la liste de résultat *****/
/*******************************************************************************************/
/*******************************************************************************************/

/* Table permettant d'afficher les résultats */
/* Tables 3 colonnes */
#div_resultat {
/*  display:block;
  position:relative;*/
padding-left:12px;
}
#lst_art_rech {
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    border-bottom:1px solid #cfcfcf;
/*margin-left:12px;*/
 /* margin-right:14px;*/
  margin-bottom:12px;

width:550px;
}
#div_resultat table{
    padding:0px;
border-collapse:collapse;
border-spacing:0px;
}
.lst_art_rech tr{
    padding:0px;
border-collapse:collapse;
}
.lst_art_rech td{
    padding:0px;
border-collapse:collapse;
}

/*******************************************************************************************/
/* Ligne d'ENTETE (permet de faire un encadré des annonce style folliet si nécessaire ******/

.lst_art_rech_tr_entete_impaire{
  display:none;
}
.lst_art_rech_tr_entete_paire{
  display:none;
}

/*******************************************************************************************/
/* Ligne de MILIEU = ligne permettant de faire l'affichage des données *********************/
/* (permet de faire un encadré des annonce style folliet si nécessaire *********************/
/* TR ***/
#lst_art_rech_tr_milieu_impaire{
background-color: transparent;/*#f2f2f2;*/
}
#lst_art_rech_tr_milieu_paire{
background-color: #f2f2f2;
}
  #lst_art_rech_tr_milieu_paire td{
   /* padding:0px;*/
    border:none;
   }

/* TD1 ***/
#lst_art_rech_td1_impaire{
border:none;
padding:5px 5px;
text-align: center;
width:80px;
}
#lst_art_rech_td1_paire{
border:none;
padding:5px 5px;
text-align: center;
width:80px;
}

/* TD2 ***/
#lst_art_rech_td2_impaire{
border:none;
  padding-top:0px;
  padding-bottom:5px;
vertical-align:top;
}
#lst_art_rech_td2_paire{
border:none;
  padding-top:0px;
  padding-bottom:5px;
vertical-align:top;
}

/* TD3 ***/
#lst_art_rech_td3_impaire{
  border:none;
  /*padding-top:6px;*/
  /*padding-right:2px;*/
  padding-left:5px;
  width:130px;
}
#lst_art_rech_td3_paire{
  border:none;
  /*padding-top:6px;*/
  /*padding-right:2px;*/
  padding-left:5px;
  width:130px;
}

/*******************************************************************************************/
/* Ligne de PIED de page *******************************************************************/
/* (permet de faire un encadré des annonce style folliet si nécessaire *********************/

.lst_art_rech_tr_piedpage_impaire{
  display:none;
}
.lst_art_rech_tr_piedpage_paire{
  display:none;
}


/*******************************************************************************************/
/*******************************************************************************************/







/*******************************************************************************************/
/* Image (= petite image dans la fiche article *********************************************/
/* Attention : on l'affiche telle quelle (on ne la redimensionne pas) **********************/
.lst_art_rech_img{
    max-height:60px;
    border:1px solid #989898;
    width:80px;
/*   display:block;
   position:relative;*/
}

#div_info_nomart{
    font-family:arial, sans serif;
    font-size  :18px;
    color :#7cdd11;
}
/*******************************************************************************************/
/* Affichage du mini fil d'arianne au dessus du descriptif de l'article ********************/
/* (dans la liste de résultat) *************************************************************/
.div_rubarticle{
     background-color:#989898;
     display:block;
     height:auto;/*12px;*/
}
/*******************************************************************************************/
/* Affichage du lien dans le mini fil d'arianne ********************************************/
#div_rubarticle a{
   color: #ffffff; /*#0796ab;*/
   font-size:10px;
   font-weight:normal;
 /*  display:inline-table;
   padding:0px 10px;*/
   position:relative;
}
/*#div_rubarticle a:hover{
   background-color:#0796ab;
   color:#ffffff;
}*/

/*******************************************************************************************/
/* Affichage de la séparation dand le mini fil d'arianne ***********************************/
#span_img_separateur_info{
      background-image: url(doc.asp?id={36FB042E-A7B5-46AA-8642-0A04546B834C}&DB=CLT3);  
      background-position:right center;
      background-repeat:no-repeat;
   /*   display:inline-table;*/
      height:10px;
   padding:0px 5px;
      position:relative;
   /*   width:10px;*/
}
/*******************************************************************************************/
/* Affichage de la description de l'article dans la liste de résultat **********************/
.div_info_resume{
  color:#989898;
}


/*******************************************************************************************/
/* Affichage de la description du lien en dessous de la description du produit *************/
.div_info_lien {
    background-image: url(doc.asp?id={C81A08A3-3780-4E7A-8CCC-412FD688292C}&DB=CLT3);
    background-repeat: no-repeat;
    background-position: 25px center;
    color :#080b93;
    font-family:arial, sans serif;
    font-size  :11px;
    padding-left:12px;
}
.div_info_lien a{
    color :#080b93;
    font-family:arial, sans serif;
    font-size  :11px;
    font-weight:bold;
    text-decoration:none;
}
.div_info_lien a:hover{
    color :#080b93;
    font-family:arial, sans serif;
    font-size  :11px;
    font-weight:bold;
    text-decoration:underline;
}


/*******************************************************************************************/
/* Affichage d'une div pour insérer une img en background si nécessaire ********************/
/* en dessous de la description du produit *************************************************/
.div_info_lien_img{
  float:left;
}
/*******************************************************************************************/
/* Affichage d'une div contenant le texte du lien en dessous de la description du produit **/
.div_info_lien_imgnom{
  display:inline-table;
  margin-left:25px;
}

/*******************************************************************************************/
/* Affichage du prix de l'article **********************************************************/
.div_prix{
    display:block;
    position:relative;
      height:auto;
      width:121px;
    background-image: url(doc.asp?id={E3157724-1BAD-4825-8918-73862F5D45D3}&DB=CLT3);
    background-repeat: no-repeat;
    background-position: right bottom;
    color :#000000;
    font-family:arial, sans serif;
    font-size  :16px;
    font-weight:bold;
   padding:5px 2px;
   text-align:center;
}

   #div_prixpromo {
    display:block;
    position:relative;
      height:auto;
      width:121px;
    background-image: url(doc.asp?id={49D2B3C1-2FB0-454B-A1AD-9B86C9C8DB28}&DB=CLT3);
    background-repeat: no-repeat;
    background-position: right bottom;
    color :#ffffff;
    font-family:arial, sans serif;
    font-size  :16px;
    font-weight:bold;
   padding:5px 2px;
   text-align:center;

   }
     #div_prixaff {
        display:block;
        position:relative;
          height:auto;
          width:auto;
       text-decoration:none;
     }
       #div_prixaff #div_detail_prixhtttc{
        display:inline;
        position:relative;
          height:auto;
          width:auto;
    font-size  :14px;
    font-weight:inherit;/*normal;*/
     }

     #div_libpromo {
        display:block;
        font-size  :14px;
        position:relative;
          height:auto;
          width:auto;
     }

     #div_prixancien {
        display:block;
        position:relative;
          height:auto;
          width:auto;
        font-size  :12px;
        text-decoration:line-through;
     }

       #div_prixancien #div_detail_prixhtttc{
        display:inline;
        position:relative;
          height:auto;
          width:auto;
        font-size  :10px;
        font-weight:normal;
     }


  #div_liste_ajoutpanier{
     background-image   : url(doc.asp?id={B2A82E5B-7A94-4043-9A71-D621523F7015}&DB=CLT3);
     background-position: center;
     background-repeat  : no-repeat; 
     cursor:pointer;
     display:block;
     margin-bottom:5px;
     margin-top:5px;
     position:relative;
     height:29px;
     width:125px;
   }
  #lst_art_rech_td3_paire .div_liste_ajoutpanier{
     background-image   : url(doc.asp?id={60EE2CB0-61AF-40EE-8654-AA8636DB0613}&DB=CLT3);
     background-position: center;
     background-repeat  : no-repeat; 
     cursor:pointer;
     display:block;
     margin-bottom:5px;
     margin-top:5px;
     position:relative;
     height:29px;
     width:125px;
   }






.a_menu_info{
  /*display:inline-table;
  position:relative;*/
}